@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,fieldset,form,p,span,a,ul,li,ol,dl,dd,dt,img{margin:0;padding:0;font-weight:100;}
$none : none;
ul,li,ol{list-style:$none;}
a,u{text-decoration:$none;}
img{display:block;border:0;}
body{font-family:"微软雅黑";}
.clearfix::after{content:".";display:block;clear:both;overflow:hidden;visibility:hidden;height:0;}

$conts_width : 1068px;
$top_height : 27px;
$search_height : 108px;
$font-size:11px;
$top_color:#7f7f7a;
$bg:url("../images/Himall_web.png");
#top_con,#search_con,#nav_con{width:$conts_width;margin:0 auto;}
/*************top****************/
#top{
    height : $top_height;
    border:1px solid #e6e6e6;
}
#top_con{
    & .left{
        width:358px;
        float:left;
        height : $top_height;
        line-height: $top_height;
        & .top_left{
            font-size: $font-size;
            color:$top_color;
            margin-right:20px;
            float:left;
            span{
                color:#3e3a39;
            }
        }
        & .top_center{
            color:#e3393c;
            float:left;
            font-size: $font-size + 1;
            margin-right:35px;
            
        }
        & .top_right{
            font-size:$font-size;
            & #login{
                padding:0 10px;
                border-right:1px solid #e8e6e8;
            }
            & #reg{
                padding-left:12px;
                
            }
        }
    }
    & .right{
        width:534px;
        height:20px;
        float:right;
        padding-top:4px;
        
        li{
            a{
                float:left;
                font-size:$font-size;
                color:$top_color;
            }
        }
        & .one{
            a{
                margin-right:24px;
                span{
                    color:#cecece;
                }
            }
        }
        & .shop{
            a{  
                em{
                    display: inline-block;
                    width:13px;
                    height:11px;
                    background:$bg no-repeat -1377px -27px;
                    margin-right:7px;
                }
                margin:{
                    right:21px;
                }
                span{
                    color:#494e57;
                }
            }
        }
        & .weixin{
            a{
                margin-right:24px;
                span{
                    color:#cecece;
                }
            }
        }
        & .APP{
            a{
                margin-right:24px;
                span{
                    color:#cecece;
                }
            }
        }
        & .sell{
            a{
                margin-right:24px;
                span{
                    color:#cecece;
                }
            }
        }
        & .one{
            a{
                margin-right:24px;
                span{
                    color:#cecece;
                }
            }
        }
        & .phone{
            a{
                margin-right:24px;
                span{
                    color:#cecece;
                }
            }
        }
    }
}
/******************search**********************/
#search{
    height : $search_height;
    overflow: hidden;
}
#search_con{
    height : $search_height;
    overflow: hidden;
}
#search_con{
    & .logo{
        width:180px;
        height:$search_height;
        float:left;
        img{
            width:169px;
            height:50px;
        }
        padding:{
            top:27px;
            left:6px;
        }
    }
}
#search_con{
    & .search_border{
        width:530px;
        height:33px;
        background : #fff;
        float: left;
        margin-left:106px; 
        border:1px solid #DD0207;
        margin-top:27px;
    }
}
#search_con{
      & .input{
          width:61px;
          height:33px;
          float:left;
          text-align: center;
          line-height:33px;
          color:#484e52;
          font-size: $font-size;
          span{
              font-size:3px;
              color:#cecece
          }
      }
      & .search{
            width:408px;
            height:31px;
            float:left;
            border:0;
            outline: none;
            font-size: $font-size;
            
        }
        & .button{
            width:61px;
            height:32px;
            float:left;
            border:0;
            background: #dd0207;
            font-size:$font-size + 1;
            color:#fff;
        }
}
#search_con{
    & .img{
        width:90px;
        height:$search_height;
        float :left;
        margin-left:136px; 
        padding-top:20px;
    }
}
/******************nav**********************/
$nav_color:#f00f34;
#nav{
    height: 32px;
    & #nav_con{
        height:32px;
        border-bottom: 1px solid $nav_color;
        ul{
            width:889px;
            height:32px;
            margin-left: 230px;
            padding-top: 4px;
            li{
                float:left;
                a{
                    font-size: $font-size;
                    padding:0 35px;
                    color:#373a40;
                    line-height:$font-size + 1;
                }
                
            }
            & .nav_first{
                a{
                  color:$nav_color;
                  padding:0px;
                  padding:{
                      bottom:7px;
                  }
                  border-bottom:1px solid #e3393c;
                }
            }
            & .nav_second{
                padding-left:35px;
            }
            li:hover{
                a{
                     color:$nav_color;
                }
            }
        }
    }
}
/******************banner**********************/
#banner{
    height:441px;
    background: red;
    & #banner_con{
        height:441px;
        margin:0 auto;
        img{
            width:100%;
            height:100%;
        }
    }
}
